@charset "utf-8";
@import "reset.scss";
@import "BKYJE.scss";
$fs:170.66px;

html{
    font-size: $fs;
    background: #f3f4f6;
}
@function r($px){
    @return $px/$fs*1rem;
}
.container{
    padding-bottom: r(54px);
}
.w-nav-tab{
    width: 60%;
    margin: 0 auto;
    text-align: center;
    font-size: r(28px);
    line-height: r(60px);
    ul{
        display: -webkit-box;
        height: r(60px);
        text-align: center;
        font-size: r(28px);
        padding: r(14px) 0 0 0;
        li{
            -webkit-box-flex: 1;
            width: 100%;
            span{
                display: block;
//              height: 1.4rem;
//              line-height: 1.4rem;
                color: #d62d31;
                border: r(1px) solid #d62d31;
                text-align: center;
            }
        }
        li:first-child span{
            border-right: 0;
            border-radius: r(10px) 0 0 r(10px);
            background: #d62d31;
            a{
              color: #fff;  
            }
        }
        li:last-child span{
            border-left: 0;
            border-radius: 0 r(10px) r(10px) 0;
            background: #fff;
            a{
                color: #d62d31;
            }
        }
        .active{
            span{
                color: #fff;
            }
        }
    }
}
.sousuo{
    position: absolute;
    right: 0;
    top: 0;
    width: r(70px);
    height: r(90px);
    z-index: 2;  
    >a{
        width: r(40px);
        height: r(40px);
        display: block;
        margin: r(23px) r(20px);
        color: #848689;
        >i{
            display: block;
            font-size: r(38px);
        }
    }
}
.mem-tab{
    height: r(80px);
    background: #fff;
    border-bottom: #dedede r(1px) solid;
    ul{
        display: -webkit-box;
        table-layout: fixed;
        white-space: nowrap;
        width: auto;
        overflow: hidden;
        height: r(76px);
        text-align: center;
        font-size: r(26px);
        li{
            -webkit-box-flex: 1;
            display: inline-block;
            -webkit-box-align: center;
            -webkit-box-pack: center;
            vertical-align: top;
            width: auto;
//          -webkit-box-flex: 1;
//          width: 100%;
            padding: 0 r(19px);
            span{
                display: inline-block;
                line-height: r(76px);
                padding: 0 r(1px);
                overflow: hidden;
            }
        }
        .active span{
            border-bottom:r(4px) solid red;
            color: #d62d31;
        }
    }
}
.rowTop2{
    margin: r(170px) 0 0 0;
    .mem-order{
        width: 100%;
        display: table;
        .memorder-item{
            background: #fff;
            border-top: #dedede r(1px) solid;
            border-bottom: #dedede r(1px) solid;
            margin: r(20px) 0 0 0;
            font-size: r(24px);
            .tit{
                height: r(74px);
                line-height: r(74px);
                font-size: r(24px);
                padding: 0 r(20px);
                border-bottom: #dedede r(1px) solid;
                .corBright{
                    color: #d62d31;
                    font-size: r(26px);
                }
                .cor666{
                        color: #848689;
                    }
            }
            .order-goods{
                padding: r(20px) r(20px);
                position: relative;
                ul{
                    display: table;
                    width: 100%;
                    .pic{
                        float: left;
                        width: r(120px);
                        height: r(120px);
                        margin: 0 r(20px) 0 0;
                        img{
                            width: r(120px);
                            height: r(120px);
                            border: #e6e6e6 r(1px) solid;
                        }
                    }
                    .cont{
                        float: left;
                        width: r(456px);
                        .name{
                            line-height: r(22px);
                            height: r(22px);
                            overflow: hidden;
                            text-overflow: ellipsis;
                            -moz-text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                        .desc{
                            color: #999;
                            margin: r(16px) 0;
                        }
                    }
                }
                >i{
                    position: absolute;
                    right: r(20px);
                    top: 43%;
                }
                .overview{
                    display: table;
                    width: 100%;
                    li{
                        float: left;
                        margin: 0 r(13px) 0 0;
                        >img{
                            width: r(120px);
                            height: r(120px);
                            border: #e6e6e6 r(1px) solid;
                        }
                    }
                    .more{
                        margin: r(50px) 0 0 0;
                        >em{ 
                            display: inline-block;
                            vertical-align: top;
                             img{
                                display: inline-block;
                                width: r(40px);
                                height: r(40px);
                                margin: 0 r(24px) r(8px) r(24px);  
                            }
                        }
                        label{
                            vertical-align: middle;
                        }
                    }
                }
            }
            .total{
                    border-top: #dedede r(1px) solid;
                    height: r(52px);
                    line-height: r(52px);
                    padding: 0 r(20px);
                    text-align: right;
                    font-size: r(26px);
                    em{
                        font-style: normal;
                    }
                    .fz28{
                        font-size: r(28px);
                        margin-left: r(18px);
                    }
                    .corBright {
                        color: #d62d31;
                    }
            }
        }
    }
}
